﻿@using myTutor.Models
@model List<Article>

@{
    ViewBag.Title = "Tìm kiếm bài viết";
}

<span style="float:left; padding-bottom:10px;">
    @Html.ActionLink("Quản trị bài viết", "ManageArticles", "Admin") | @Html.ActionLink("Các bài viết đang được đăng", "ApproveArticles", new { statusId = "3", positionId = ViewBag.PositionId }) | @Html.ActionLink("Chờ duyệt", "ApproveArticles", new { statusId = "2", positionId = ViewBag.PositionId }) | @Html.ActionLink("Đã bị xóa", "ApproveArticles", new { statusId = "4", positionId = ViewBag.PositionId })
</span>
<h2 style="clear:both;">Tìm kiếm bài viết</h2>
@using (Html.BeginForm())
{
    <span style="float:right; padding-bottom:10px;">
        <input type="text" id="keySearch" name="keySearch" onclick="onClick()" onKeyDown="onKeyDown()" onblur="onBlur()" class="textbox-radius" style="height:30px; float:left; font-style:italic;" value="Nhập từ khóa cần tìm..."/>
        <strong><span class="submit-img but-blue"><span class="icon icon-search"></span><input type="submit" id="searchKey" name="searchKey" class="but-submit submit-blue" value="Tìm" /></span></strong>
    </span> 
}
@if (Model != null)
{
    <span style="float:left; padding-bottom:10px;">
        Kết quả tìm thấy: @Model.Count mẫu tin
    </span>
    if (Model.Count > 0)
    {
    <div style="clear:both;">
        <style type="text/css">
            .colId{width:49px;}
            .colArticle{width:420px;}
            .colUpdatedTime{width:160px;}
            .colCategory{width:160px;}
            .colStatus{width:90px;}
            .colLink{text-align:right;width:50px;}
        </style>
        @{
        WebGrid grid = new WebGrid(Model, rowsPerPage: 10);
        var gridCols = new List<WebGridColumn>();
        gridCols.Add(grid.Column("Id", header: "Mã số", format: @<text><a title="Xem bài viết trên trang của người dùng" href="~/Article/Detail/@item.Id">@item.GetMakeUpId</a></text>, style: "colId"));
        gridCols.Add(grid.Column("Title", header: "Tiêu đề", format: @<text>@item.Title</text>, style: "colTitle"));
        gridCols.Add(grid.Column("CreatedTime", header: "Cập nhật", format: @<text>@item.UpdatedTime</text>, style: "colUpdatedTime"));
        gridCols.Add(grid.Column("ArticleCategoryId", header: "Danh mục", format: @<text>@item.ArticleCategory.CategoryName</text>, style: "colCategory"));
        gridCols.Add(grid.Column("Status", header: "Trạng thái", format: @<text>@item.GetStatus</text>, style: "colStatus"));
        gridCols.Add(grid.Column(header: "", format: @<text>@Html.ActionLink("Chi tiết", "ManageArticle", new { artId = item.Id, function = "edit", statusId = item.GetStatusCode, positionId = item.ArticleCategoryId })</text>, style: "colLink"));
        }
        @grid.GetHtml(columns: grid.Columns(gridCols.ToArray()), mode: WebGridPagerModes.Numeric, tableStyle: "webgrid", headerStyle: "webgrid-header", footerStyle: "webgrid-footer", rowStyle: "webgrid-row-style", alternatingRowStyle: "webgrid-alternating-row", selectedRowStyle: "webgrid-selected-row")
    </div>
    }
}
<script type="text/javascript">
    function onClick() {
        keySearch.value = "";
    }
    function onBlur() {
        if (keySearch.value == "")
            keySearch.value = "Nhập từ khóa cần tìm...";
        keySearch.style.fontStyle = "italic";
    }
    function onKeyDown() {
        if (keySearch.value == "Nhập từ khóa cần tìm...")
            keySearch.value = "";
        keySearch.style.fontStyle = "normal";
    } 
</script>   
